<template>
  <h1>{{ msg }}</h1>

  <el-button icon="el-icon-success" type="primary" @click="count++">count is: {{ count }}</el-button>

  <el-button @click="goto">Go To Varlet</el-button>
  <p><a href="https://element-plus.gitee.io/" target="_blank">-> ElementPlus</a></p>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data() {
    return {
      count: 0
    }
  },
  methods:{
    goto(){
      this.$router.push('/varlet')
    }
  }
}
</script>

<style scoped>
a {
  color: #42b983;
}
</style>